<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="../css/reset.css" rel="stylesheet" />
<link href="../css/common.css" rel="stylesheet" />
<style type="text/css">
body{background:#10965C}
li{float:left;margin:10px;width:50px;height:70px;text-align: center;vertical-align: middle;color:#fff;font:bold 18px/30px 'microsoft yahei'}
.logo li{width:100px;height:auto}
li p{font-weight: normal;font-size:12px}
ul{clear:both}
</style>
<title>icon集合</title>
</head>
<body>
<ul>
	<li><a href="#" class="icon icon-calc"></a></li>
	<li><a href="#" class="icon-wrapper"><i class="icon icon-calc"></i></a></li>
	<li><a href="#" class="icon icon-calender-black"></a></li>
	<li><a href="#" class="icon icon-calender-white"></a></li>
	<li><a href="#" class="icon icon-loc"></a></li>
	<li><a href="#" class="icon icon-speed-orange"></a></li>
	<li><a href="#" class="icon icon-speed-gray"></a></li>
	<li><a href="#" class="icon icon-speed-orange-s"></a></li>
	<li><a href="#" class="icon icon-pic"></a></li>
	<li><a href="#" class="icon icon-book"></a></li>
	<li><a href="#" class="icon icon-blue-chat"></a></li>
	<li><a href="#" class="icon icon-blue-car"></a></li>
	<li><a href="#" class="icon icon-menu"></a></li>
	<li><a href="#" class="icon icon-tip"></a></li>
	<li><a href="#" class="icon icon-clock"></a></li>
	<li><a href="#" class="icon icon-oil"></a></li>
	<li><a href="#" class="icon icon-volume"></a></li>
	<li><a href="#" class="icon icon-close"></a></li>
	<li><a href="#" class="icon icon-20 icon-20-clock"></a></li>
</ul>
<ul>
	<li>32x32</li>
	<li><a href="#" class="icon icon-32 icon-32-clock"></a></li>
	<li><a href="#" class="icon icon-32 icon-32-star"></a></li>
	<li><a href="#" class="icon icon-32 icon-32-cart"></a></li>
	<li><a href="#" class="icon icon-32 icon-32-back"></a></li>
	<li><a href="#" class="icon icon-32 icon-32-zoom"></a></li>
	<li><a href="#" class="icon icon-32 icon-32-chat"></a></li>
	<li><a href="#" class="icon icon-32 icon-32-group"></a></li>
	<li><a href="#" class="icon icon-32 icon-32-car"></a></li>
	<li><a href="#" class="icon icon-32 icon-32-phone"></a></li>
	<li><a href="#" class="icon icon-32 icon-32-info"></a></li>
	<li><a href="#" class="icon icon-32 icon-32-tool"></a></li>
</ul>
<ul>
	<li>24x24</li>
	<li><a href="#" class="icon icon-24 icon-24-clock"></a></li>
	<li><a href="#" class="icon icon-24 icon-24-star"></a></li>
	<li><a href="#" class="icon icon-24 icon-24-cart"></a></li>
	<li><a href="#" class="icon icon-24 icon-24-back"></a></li>
	<li><a href="#" class="icon icon-24 icon-24-zoom"></a></li>
	<li><a href="#" class="icon icon-24 icon-24-chat"></a></li>
	<li><a href="#" class="icon icon-24 icon-24-group"></a></li>
	<li><a href="#" class="icon icon-24 icon-24-car"></a></li>
	<li><a href="#" class="icon icon-24 icon-24-phone"></a></li>
	<li><a href="#" class="icon icon-24 icon-24-info"></a></li>
	<li><a href="#" class="icon icon-24 icon-24-tool"></a></li>
</ul>
<ul>
	<li>16x16</li>
	<li><a href="#" class="icon icon-checked-s"></a></li>
	<li><a href="#" class="icon icon-refuse-s"></a></li>
	<li><a href="#" class="icon icon-alert-s"></a></li>
	<li><a href="#" class="icon icon-refuse-gray-s"></a></li>
</ul>
<ul>
	<li>24x24</li>
	<li><a href="#" class="icon icon-checked-m"></a></li>
	<li><a href="#" class="icon icon-refuse-m"></a></li>
	<li><a href="#" class="icon icon-alert-m"></a></li>
	<li><a href="#" class="icon icon-alert-gray-m"></a></li>
</ul>
<ul>
	<li>32x32</li>
	<li><a href="#" class="icon icon-checked-l"></a></li>
	<li><a href="#" class="icon icon-refuse-l"></a></li>
	<li><a href="#" class="icon icon-alert-l"></a></li>
</ul>
<ul class="logo">
	<li>logo-s</li>
	<li><a href="#" class="logo-s logo-vw"></a></li>
	<li><a href="#" class="logo-s logo-skoda"></a></li>
	<li><a href="#" class="logo-s logo-buick"></a></li>
	<li><a href="#" class="logo-s logo-chevrolet"></a></li>
	<li><a href="#" class="logo-s logo-cadillac"></a></li>
	<li><a href="#" class="logo-s logo-roewe"></a></li>
	<li><a href="#" class="logo-s logo-mg"></a></li>
	<li><a href="#" class="logo-s logo-baojun"></a></li>
</ul>
<ul class="logo">
    <li>logo-ms</li>
    <li><a href="#" class="logo-ms logo-vw"></a></li>
    <li><a href="#" class="logo-ms logo-skoda"></a></li>
    <li><a href="#" class="logo-ms logo-buick"></a></li>
    <li><a href="#" class="logo-ms logo-chevrolet"></a></li>
    <li><a href="#" class="logo-ms logo-cadillac"></a></li>
    <li><a href="#" class="logo-ms logo-roewe"></a></li>
    <li><a href="#" class="logo-ms logo-mg"></a></li>
    <li><a href="#" class="logo-ms logo-baojun"></a></li>
</ul>
<ul class="logo">
	<li>logo-m</li>
	<li><a href="#" class="logo-m logo-vw"></a></li>
	<li><a href="#" class="logo-m logo-skoda"></a></li>
	<li><a href="#" class="logo-m logo-buick"></a></li>
	<li><a href="#" class="logo-m logo-chevrolet"></a></li>
	<li><a href="#" class="logo-m logo-cadillac"></a></li>
	<li><a href="#" class="logo-m logo-roewe"></a></li>
	<li><a href="#" class="logo-m logo-mg"></a></li>
	<li><a href="#" class="logo-m logo-baojun"></a></li>
</ul>
<ul class="logo">
	<li>logo-l</li>
	<li><a href="#" class="logo-l logo-vw"></a></li>
	<li><a href="#" class="logo-l logo-skoda"></a></li>
	<li><a href="#" class="logo-l logo-buick"></a></li>
	<li><a href="#" class="logo-l logo-chevrolet"></a></li>
	<li><a href="#" class="logo-l logo-cadillac"></a></li>
	<li><a href="#" class="logo-l logo-roewe"></a></li>
	<li><a href="#" class="logo-l logo-mg"></a></li>
	<li><a href="#" class="logo-l logo-baojun"></a></li>
</ul>
<ul class="logo">
	<li>logo-xl</li>
	<li><a href="#" class="logo-xl logo-vw"></a></li>
	<li><a href="#" class="logo-xl logo-skoda"></a></li>
	<li><a href="#" class="logo-xl logo-buick"></a></li>
	<li><a href="#" class="logo-xl logo-chevrolet"></a></li>
	<li><a href="#" class="logo-xl logo-cadillac"></a></li>
	<li><a href="#" class="logo-xl logo-roewe"></a></li>
	<li><a href="#" class="logo-xl logo-mg"></a></li>
	<li><a href="#" class="logo-xl logo-baojun"></a></li>
</ul>
<ul>
	<li>50x20</li>
	<li><p>微型车</p><a href="#" class="icon-carlevel icon-carlevel-mini"></a></li>
	<li><p>小型车</p><a href="#" class="icon-carlevel icon-carlevel-small"></a></li>
	<li><p>紧凑型车</p><a href="#" class="icon-carlevel icon-carlevel-compact"></a></li>
	<li><p>中型车</p><a href="#" class="icon-carlevel icon-carlevel-medium"></a></li>
	<li><p>中大型车</p><a href="#" class="icon-carlevel icon-carlevel-large"></a></li>
	<li><p>豪华车</p><a href="#" class="icon-carlevel icon-carlevel-luxury"></a></li>
	<li><p>MPV</p><a href="#" class="icon-carlevel icon-carlevel-mpv"></a></li>
	<li><p>SUV</p><a href="#" class="icon-carlevel icon-carlevel-suv"></a></li>
	<li><p>跑车</p><a href="#" class="icon-carlevel icon-carlevel-sportscar"></a></li>
</ul>
<ul>
	<li>50x20</li>
	<li><i class="icon-carlevel icon-carlevel-white-mini"></i></li>
	<li><i class="icon-carlevel icon-carlevel-white-small"></i></li>
	<li><i class="icon-carlevel icon-carlevel-white-compact"></i></li>
	<li><i class="icon-carlevel icon-carlevel-white-medium"></i></li>
	<li><i class="icon-carlevel icon-carlevel-white-large"></i></li>
	<li><i class="icon-carlevel icon-carlevel-white-luxury"></i></li>
	<li><i class="icon-carlevel icon-carlevel-white-mpv"></i></li>
	<li><i class="icon-carlevel icon-carlevel-white-suv"></i></li>
	<li><i class="icon-carlevel icon-carlevel-white-sportscar"></i></li>
</ul>
<ul>
	<li>30x30</li>
	<li><i class="icon icon-30 icon-itemall"></i></li>
</ul>
<ul>
	<li>32x32</li>
	<li><i class="icon icon-service-share"></i></li>
	<li><i class="icon icon-service-gear"></i></li>
	<li><i class="icon icon-service-drawer"></i></li>
	<li><i class="icon icon-service-send"></i></li>
	<li><i class="icon icon-service-tool"></i></li>
	<li><i class="icon icon-service-money"></i></li>
</ul>
<ul>
	<li>login</li>
	<li><i class="login-icon icon-32-mobile icon-32"></i></li>
	<li><i class="login-icon icon-32-mobile-gray icon-32"></i></li>
	<li><i class="login-icon icon-32-email icon-32"></i></li>
	<li><i class="login-icon icon-32-email-gray icon-32"></i></li>
	<li><i class="login-icon icon-32-user icon-32"></i></li>
	<li><i class="login-icon icon-32-user-gray icon-32"></i></li>
	<li><i class="login-icon icon-round-gray"></i></li>
	<li><i class="login-icon icon-round-orange"></i></li>
	<li><i class="login-icon icon-round-yellow"></i></li>
	<li><i class="login-icon icon-round-okgray"></i></li>
	<li><i class="login-icon icon-round-okorange"></i></li>
</ul>
<ul>
	<li>user</li>
	<li><i class="user-icon icon-64-password-gray icon-64"></i></li>
	<li><i class="user-icon icon-64-password icon-64"></i></li>
	<li><i class="user-icon icon-64-user-gray icon-64"></i></li>
	<li><i class="user-icon icon-64-user icon-64"></i></li>
	<li><i class="user-icon icon-64-email-gray icon-64"></i></li>
	<li><i class="user-icon icon-64-email icon-64"></i></li>
	<li><i class="user-icon icon-64-mobile-gray icon-64"></i></li>
	<li><i class="user-icon icon-64-mobile icon-64"></i></li>
	<li><i class="user-icon icon-64-orders-light icon-64"></i></li>
	<li><i class="user-icon icon-64-orders-blue icon-64"></i></li>
	<li><i class="user-icon icon-64-reply-light icon-64"></i></li>
	<li><i class="user-icon icon-64-reply-blue icon-64"></i></li>
	<li><i class="user-icon icon-64-news-light icon-64"></i></li>
	<li><i class="user-icon icon-64-news-blue icon-64"></i></li>
	<li><i class="user-icon icon-64-mobile-light icon-64"></i></li>
	<li><i class="user-icon icon-64-mobile-blue icon-64"></i></li>
	<li><i class="user-icon icon-64-email-light icon-64"></i></li>
	<li><i class="user-icon icon-64-email-blue icon-64"></i></li>
	<li><i class="user-icon icon-64-user-light icon-64"></i></li>
	<li><i class="user-icon icon-64-user-blue icon-64"></i></li>
	
	<li><span class="user-icon icon-64-orders-blue icon-64"><i class="user-icon icon-round-64tip"></i></span></li>
	<li><span class="user-icon icon-64-reply-blue icon-64"><i class="user-icon icon-round-64tip"></i></span></li>
	<li><span class="user-icon icon-64-news-blue icon-64"><i class="user-icon icon-round-64tip"></i></span></li>
</ul>
</body>
</html>